import styled from 'styled-components'

const Container = styled.div`
    .detail{
        margin: .18rem .1rem .1rem;
        padding-left: .1rem;
        height: 2.73rem;
        width: 93%;
        background-color: #fff;
        border: 1px solid #fff;
        border-radius: .08rem;
        &>p:nth-of-type(1){
            height: .56rem;
            line-height: .56rem;
            font-size: .18rem;
            border-bottom: 1px solid #ccc;
        }
        &>p:nth-of-type(2){
            height: 1rem;
            padding-top: .2rem;
            font-size: .16rem;
            line-height: .18rem;
            border-bottom: 1px solid #ccc;
        }
        ul{
            height: 1.15rem;
            padding-top: .2rem;
            padding-right: .1rem;
            li{
                display: flex;
                height: .22rem;
                justify-content: space-between;
                line-height: .22rem;
                font-size: .12rem;
                color: #666;
                img{
                    height: .14rem;
                    width: .14rem;
                }
            }           
        }
    }
    footer{
        position: fixed;
        bottom: 0;       
        width: 100%;
        .foot{
            display: flex;
            height: .8rem;
            background-color: #fff;
            P{
                width: 50%;
                line-height: .8rem;
            }
            &>p:nth-child(1){
                text-align: right;
                margin-right: .2rem;
            }
            &>p:nth-child(2){
                margin-left: .2rem;
            }
        }
        ul{
            margin: .15rem .1rem;
            border-radius: .1rem;
            background-color: #fff;
            li{
                height: .4rem;
                text-align: center;
                line-height: .4rem;
                border-bottom: 1px solid #ccc;
       }
        }
    }
`

export {
    Container
}